<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="style/index.css">
    <title>Portfolio</title>
</head>
<body>
    <header class="header">
        <nav>
            <ul>
                <li class="link_item"><a href="#" class="link active">Home</a></li>
                <li class="link_item"><a href="#" class="link">About me</a></li>
                <li class="link_item"><a href="#" class="link">Skills</a></li>
                <li class="link_item"><a href="#" class="link">Portfolio</a></li>
                <li class="link_item"><a href="#" class="link">Contacts</a></li>
            </ul>
        </nav>
        <hr>
        <div class="title_header">
            <h1 class="logo">Denis Novik</h1>
            <h1 class="logo_ach">UX | UI designer 24 years old, Minsk</h1>
            <h1 class="logo_lang">RU <span class="active">| ENG</span></h1>
        </div>
        <div class="img_title">
            <img src="./images/BSPP2266.png" alt="">
        </div>
    </header>
    <main>
        <div class="container">
            <h1>About me </h1>
            <div>
                <p>Hi, I'm Denis – UX/UI designer from Minsk. I'm interested in design and everything connected with it.<p>
                <p>I'm studying at courses "Web and mobile design interfaces" in IT-Academy.</p>
                <p>Ready to implement excellent projects with wonderful people</p>
            </div>
        </div>
        <div class="container_skills">
            <h1>Skills</h1>
            <p>I work in such programs as</p>
            <div class="item_skills">
                <div class="skills">
                    <img src="./images/skills/PS.png" alt="">
                    <h5>Adobe Photoshop</h5>
                    <div class="stars">
                        <img src="./images/skills/Star-no_active.png" alt="">
                        <img src="./images/skills/Star-no_active.png" alt="">
                        <img src="./images/skills/Star-no_active.png" alt="">
                        <img src="./images/skills/Star-no_active.png" alt="">
                        <img src="./images/skills/Star-active.png" alt="">
                    </div>
                </div>
                <div class="skills">
                    <img src="./images/skills/AE.png" alt="">
                    <h5>Adobe Illustrator</h5>
                    <div class="stars">
                        <img src="./images/skills/Star-no_active.png" alt="">
                        <img src="./images/skills/Star-no_active.png" alt="">
                        <img src="./images/skills/Star-no_active.png" alt="">
                        <img src="./images/skills/Star-no_active.png" alt="">
                        <img src="./images/skills/Star-active.png" alt="">
                    </div>
                </div>
                <div class="skills">
                    <img src="./images/skills/AI.png" alt="">
                    <h5>Adobe After Effects</h5>
                    <div class="stars">
                        <img src="./images/skills/Star-no_active.png" alt="">
                        <img src="./images/skills/Star-no_active.png" alt="">
                        <img src="./images/skills/Star-no_active.png" alt="">
                        <img src="./images/skills/Star-no_active.png" alt="">
                        <img src="./images/skills/Star-active.png" alt="">
                    </div>
                </div>
                <div class="skills">
                    <img src="./images/skills/Xd.png" alt="">
                    <h5>Experience Design </h5>
                    <div class="stars">
                        <img src="./images/skills/Star-no_active.png" alt="">
                        <img src="./images/skills/Star-no_active.png" alt="">
                        <img src="./images/skills/Star-no_active.png" alt="">
                        <img src="./images/skills/Star-no_active.png" alt="">
                        <img src="./images/skills/Star-active.png" alt="">
                    </div>
                </div>
            </div>
        </div>
        <div class="container_portfolio">
            <h1>Portfolio</h1>
            <div class="portfolio_item">
                <img src="./images/portfolio/Слой 8.png" alt="">
                <p>Online fashion store - Homepage</p>
            </div>
            <div class="portfolio_item">
                <img src="./images/portfolio/reebok_web (1).png" alt="">
                <p>Reebok Store - Concept</p>
            </div>
            <div class="portfolio_item">
                <img src="./images/portfolio/reebok_web.png" alt="">
                <p>Braun Landing Page - Concept</p>
            </div>
        </div>
    </main>
    <footer>
        <div class="container_portfolio container__footer">
            <h1>Contacts</h1>
            <p >Want to know more or just chat? You are welcome!</p>
            <a class="link_message" href="#">Send message</a>
            <div class="img_footer">
                <img src="./images/Group 12.png" alt="">
            </div>
            <div class="text_ohter_footer">
                <p class="text_other">Like me on LinkedIn, Instagram, Behance, Dribble</p>
            </div>
        </div>
    </footer>
</body>
</html>